.article {  
  :global {

    h1, h2, h3, h4, h5, h6,  p, blockquote {
      margin-top: 0;
    }
  
    ul {
      padding-left: 1.2rem;
    }

    ol {
      padding-left: 1.2rem;
      font-size: 14px;

      li {
        line-height: 1.5;
      }
    }

    .article-thumbnail {
      position: relative;
      max-height: 350px;
      border-radius: 6px;
      background-size: 100% 100%;
      background-position: center;
      
      &::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
      }

      &::after {
        content: '';
        display: block;
        padding-top: 59.6%;
        width: 100%;
        pointer-events: none;
      }
    }

    .article-title-content {
      width: 100%;

      .article-title {
        margin: 0;
        font-size: 1.8rem;
        line-height: 1.2;
        font-weight: 700;
      }

      .article-date {
        padding: 12px 0;
        text-align: right;
        font-size: .8rem;
        color: #909090;
      } 
    }

    .article-content {
      padding: 24px 0;
      word-break: break-word;
    }
  }
}